<template>
  <div class="mymoney">
    <ul>
      <li>
        <span>17</span>
        <span>优惠券</span>
      </li>
      <li>
        <span>99999</span>
        <span>白条额度</span>
      </li>
      <li>
        <span>1</span>
        <span>京豆</span>
      </li>
      <li>
        <span>99999</span>
        <span>余额</span>
      </li>
      <li>
        <van-icon name="gold-coin" />
        <span>我的钱包</span>
      </li>
    </ul>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.mymoney {
  margin: 20px auto;
  width: 95%;
  border-radius: 10px;
  background-color: white;

  ul {
    display: flex;
    justify-content: space-around;
    li{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 10px 0;
    }
  }
}
</style>